﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Bootstrap默认风格的表单</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
    <div class="container">
        <div class="page-header">
            <h3><strong>会员注册</strong></h3>
        </div>
        <form class="col-md-8">
            <fieldset>
                <legend>填写会员信息</legend>
                <div class="form-group">
                    <label for="name">姓名：</label>
                    <input type="text" id="name" placeholder="姓名" class="form-control" />
                </div>
                <div class="form-group">
                    <label for="gender">性别：</label>
                    <div>
                        <label class="radio-inline">
                            <input id="female" name="gender" type="radio" value="0" />女
                        </label>
                        <label class="radio-inline">
                            <input id="male" name="gender" type="radio" value="1" checked="checked" />男
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label for="birthday">出生日期：</label>
                    <input type="date" id="birthday" class="form-control" />
                </div>
                <div class="form-group">
                    <label for="homeland">所在地：</label>
                    <select id="homeland" class="form-control">
                        <option>北京</option>
                        <option>上海</option>
                        <option>天津</option>
                        <option>重庆</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>感兴趣的领域：</label>
                    <div>
                        <label class="checkbox-inline"><input type="checkbox" value="field1" />Microsoft技术</label>
                        <label class="checkbox-inline"><input type="checkbox" value="field2" />Java技术</label>
                        <label class="checkbox-inline"><input type="checkbox" value="field3" />C/C++技术</label>
                        <label class="checkbox-inline"><input type="checkbox" value="field4" />移动互联技术</label>
                        <label class="checkbox-inline"><input type="checkbox" value="field5" />软件工程</label>
                    </div>
                </div>
            </fieldset>
            <div class="text-center form-group">
                <button type="button" class="btn btn-default">注册</button>
                <button type="button" class="btn btn-default">重置</button>
            </div>
        </form>
    </div>
</body>
</html>
